onload=function()
{
	cAyuda=document.getElementById("mensajesAyuda");
	cNombre=document.getElementById("ayudaTitulo");
	cTex=document.getElementById("ayudaTexto");
       	ayuda=new Array();
	ayuda["Nombre"]="Ingresa tu nombre. OBLIGATORIO Solo Letras";
	ayuda["Apellido"]="Ingresa tu apellido. OBLIGATORIO Solo Letras";
	ayuda["Correo"]="Ingresa un e-mail válido. OBLIGATORIO";
        ayuda["Username"]="Ingresa un nombre con el que te identificaras en hayTour. Mínimo 4 Caracteres. OBLIGATORIO Campo Alfanumerico";
	ayuda["Clave"]="Ingresa una clave para hayTour. Mínimo 6 caracteres, con distinción entre MAYÚSCULAS y minúsculas. OBLIGATORIO";
        ayuda["Confirmación clave"]="Ingresa la clave nuevamente. OBLIGATORIO";
        ayuda["Sexo"]="Selecciona tu Genero o Sexo. OBLIGATORIO";
	
}
function validar(){

 divMensajeV=document.getElementById("mensajeV");
 divMensajeValida=document.getElementById("mensajeValida");
 form=document.getElementById("forma");
 claseNormal="input";
 claseError="inputError";
 error=0;
 errorclave = 0;

	var nombre=eliminaEspacios(form.nombre.value);
	var apellido=eliminaEspacios(form.apellido.value);
	var correo=eliminaEspacios(form.correo.value);
        var username=eliminaEspacios(form.username.value);
	var clave=eliminaEspacios(form.clave.value);
        var confclave=eliminaEspacios(form.confclave.value);
        var sexo=eliminaEspacios(form.sexo.value);

	if(!validaLongitud('N',nombre, 0, 1, 35))
            campoError(form.nombre);
        else
            campoNormal(form.nombre);

        if(!validaLongitud('A',apellido, 0, 1, 35))
            campoError(form.apellido);
         else
             campoNormal(form.apellido);

        if(!validaCorreo(correo))
            campoError(form.correo);
        else
            campoNormal(form.correo);

        if(!validaLongitud('U',username, 0, 4, 50))
            campoError(form.username);
         else
            campoNormal(form.username);

	if((!validaLongitud('C', clave, 0, 6, 50))||(!validaLongitud('C', confclave, 0, 6, 50)))
         {
           campoError(form.clave);
           campoError(form.confclave);
         }
        else
          {
              if(clave != confclave)
                {
                 form.clave.value = "";
                 form.confclave.value = "";
                 errorclave = 1;
                 }
         else
             {
             campoNormal(form.clave);
             campoNormal(form.confclave);
             error = 0;
             }
          }

       if(!validaSexo(sexo, 0, 1, 35))
            campoError(form.sexo);
        else
            campoNormal(form.sexo);

	if(error==1)
	{
		var textoError="<img src='images/error.gif' alt='Error'><br><br>Error: revise los campos en rojo.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
		muestraMensaje(textoError);

	}
	else
	{
            if(errorclave==1)
                { 
                  var textoError="<img src='images/error.gif' alt='Error'><br><br>Error: La confirmación de la Contraseña, no coincide con la contraseña. Intente de Nuevo.<br><br><button style='width:45px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ok</button>";
                  muestraMensaje(textoError);
                  
                }
              else{
                
		var textoRegistro="<img src='images/loading.gif' alt='Enviando'><br>Enviando. Por favor espere.<br><br><button style='width:60px; height:18px; font-size:10px;' onClick='ocultaMensaje()' type='button'>Ocultar</button>";
		muestraMensaje(textoRegistro);
                document.forma.submit();
	}

}

}

function campoError(campo)
{
	campo.className=claseError;
        error=1;
}
function campoNormal(campo)
{
	campo.className=claseNormal;
}

function ocultaMensaje()
{
	divMensajeV.style.display="none";
}

function muestraMensaje(mensaje)
{
	divMensajeValida.innerHTML=mensaje;
	divMensajeV.style.display="block";
}

function eliminaEspacios(cadena)
{
	// Funcion para eliminar espacios delante y detras de cada cadena
	while(cadena.charAt(cadena.length-1)==" ") cadena=cadena.substr(0, cadena.length-1);
	while(cadena.charAt(0)==" ") cadena=cadena.substr(1, cadena.length-1);
	return cadena;
}

function validaLongitud(ci, valor, permiteVacio, minimo, maximo)
{
    var filterletras = /^[a-zA-Z]+$/i;
    var filterletrasNum = /^[a-zA-Z0-9. ]+$/i;
    var cantCar=valor.length;
	if(valor=="")
	{
		if(permiteVacio) return true;
		else return false;
	}
	else
	{
		if(cantCar>=minimo && cantCar<=maximo)
                {
                     if ((ci == 'N') || (ci == 'A'))
                       {
                       if(filterletras.test(valor)) return true;
                       else return false;
                       }
                       else
                       {
                           if (ci == 'U')
                           {
                           if(filterletrasNum.test(valor)) return true;
                           else return false;
                           }
                           else return true;
                     }
                }
	 return false;
	}
}

function validaCorreo(valor)
{
	var reg=/(^[a-zA-Z0-9._-]{1,30})@([a-zA-Z0-9.-]{1,30}$)/;
	if(reg.test(valor)) return true;
	else return false;
}

function validaSexo(valor)
{
	if(valor == "0") return false;
	else return true;
}


// Mensajes de ayuda

if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0;
else navegador=1;

function colocaAyuda(event)
{
	if(navegador==0)
	{
		var corX=window.event.clientX+document.documentElement.scrollLeft;
		var corY=window.event.clientY+document.documentElement.scrollTop;
	}
	else
	{
		var corX=event.clientX+window.scrollX;
		var corY=event.clientY+window.scrollY;
	}
	cAyuda.style.top=corY+20+"px";
	cAyuda.style.left=corX+15+"px";
}

function ocultaAyuda()
{
	cAyuda.style.display="none";
	if(navegador==0)
	{
		document.detachEvent("onmousemove", colocaAyuda);
		document.detachEvent("onmouseout", ocultaAyuda);
	}
	else
	{
		document.removeEventListener("mousemove", colocaAyuda, true);
		document.removeEventListener("mouseout", ocultaAyuda, true);
	}
}

function muestraAyuda(event, campo)
{
	colocaAyuda(event);

	if(navegador==0)
	{
		document.attachEvent("onmousemove", colocaAyuda);
		document.attachEvent("onmouseout", ocultaAyuda);
	}
	else
	{
		document.addEventListener("mousemove", colocaAyuda, true);
		document.addEventListener("mouseout", ocultaAyuda, true);
	}

	cNombre.innerHTML=campo;
	cTex.innerHTML=ayuda[campo];
	cAyuda.style.display="block";
}